.buttonWrapper {
  padding: 0 var(--tinyPadding);
  min-width: 20px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: var(--borderRadius);
  border: 1px solid var(--activeBorderColor);
  display: block;
  background-color: var(--white);
  color: var(--black);
  height: 20px;
}

.buttonWrapper.circle {
  border-radius: 50%;
}
.buttonWrapper.disabled {
  cursor: not-allowed;
  opacity: 0.35;
}
.buttonWrapper:hover,
.buttonWrapper.active {
  background-color: var(--buttonActiveColor);
}
.buttonWrapper.plain {
  border: none;
  border-radius: unset;
}
.buttonWrapper.primary {
  background-color: var(--primaryColor);
  color: var(--white);
}
